.cat_add_box{
    position: fixed;
    right: 30rpx;
    bottom:~'calc(150rpx + constant(safe-area-inset-bottom))';
    bottom:~'calc(150rpx + env(safe-area-inset-bottom))';
    width: 130rpx;
    z-index: 5;
    .change{
        width:130rpx;
        height: 0;
        overflow: hidden;
        transition: all 0.5s;
        opacity: 0;
        .btn{
            width: 90rpx;
            height: 90rpx;
            display: block;
            margin:0 auto;
            border: 0;
            background-color: transparent; 
            padding: 0;
            border-radius: 50%;
            box-shadow:5rpx 0rpx 15rpx 5rpx #9A9A9A;
            outline: none;
        }
    }
    .change.act{
        height:290rpx;
        width:130rpx;
        transition: all 0.5s;
        opacity: 0.95;
    }
    image{
        display: block;
        margin: 5rpx auto;
        width: 90rpx;
        height: 90rpx;
        border-radius: 50%;
        background-color: #FFFFFF;
        box-shadow:5rpx 0rpx 15rpx 5rpx #9A9A9A;
        opacity: 0.95;
    }
    .blcok{
        display: none;
    }
}